पब्लिश किया गया: 20 मई, 2025
हमने Google I/O 2025 में, नई सुविधाओं के बारे में बताया था. इनकी मदद से, आपकी प्रॉडक्टिविटी बढ़ेगी और आपको ज़्यादा बेहतर, आसान, और आधुनिक वेब बनाने में मदद मिलेगी.
यहां 10 ऐसे अहम इनोवेशन दिए गए हैं जिनकी मदद से, आपको बेहतरीन सुविधाएं मिल सकती हैं. इनसे आपको अपने अगले प्रोजेक्ट के लिए ज़रूरी जानकारी भी मिल सकती है.
1. सीएसएस और एचटीएमएल की कुछ लाइनों की मदद से, कैरसेल बनाना अब पहले से ज़्यादा आसान हो गया है
सीएसएस की मदद से, ऐसे खूबसूरत कैरसेल बनाएं जो फ़र्स्ट पेंट के दौरान इंटरैक्टिव हों. Chrome के 135 वर्शन में, सीएसएस प्राइमिटिव के तौर पर नए एलिमेंट जोड़े गए हैं. इनमें स्टाइल किए जा सकने वाले फ़्रैगमेंटेशन, स्क्रोल मार्कर एलिमेंट, और स्क्रोल बटन शामिल हैं. इनकी मदद से, JavaScript के बिना ही कैरसेल बनाया जा सकता है. कम समय में बेहतर, इंटरैक्टिव, आसानी से ऐक्सेस किए जा सकने वाले, और ज़्यादा जानकारी देने वाले कैरसेल बनाने के लिए, सीएसएस के सामान्य कॉन्सेप्ट का इस्तेमाल करें.
2. जानकारी देने वाले पॉप-ओवर: पेश है नया Interest Invoker API
एक्सपेरिमेंट के तौर पर उपलब्ध Interest Invoker API, ऑरिजिन ट्रायल के तौर पर उपलब्ध है.
इस सुविधा की मदद से, जब वेबसाइट पर आने वाले व्यक्ति की दिलचस्पी कुछ समय के लिए सक्रिय हो, तो पॉप-ओवर को टॉगल किया जा सकता है. स्टाइल न किए जा सकने वाले [title] एट्रिब्यूट को अलविदा कहें और [interesttarget] एट्रिब्यूट का इस्तेमाल करें! इसे Anchor Positioning API और Popover API के साथ जोड़ें. इससे, टूलटिप या होवर कार्ड जैसे बेहतर, रिस्पॉन्सिव, और इंटरैक्टिव यूज़र इंटरफ़ेस (यूआई) एलिमेंट बनाए जा सकते हैं. इसके लिए, JavaScript की ज़रूरत नहीं होती. आधुनिक सीएसएस की मदद से, बहुत कुछ किया जा सकता है!
3. Gemini Nano जैसे बेहतर मॉडल का इस्तेमाल करने वाले कई एआई एपीआई, पहले से ही Chrome में मौजूद हैं. अब Prompt API में कई मोड की सुविधाएं उपलब्ध हैं
हम पहले से मौजूद एआई की सुविधा को लगातार बेहतर बना रहे हैं. इससे आपको बेहतर निजता, कम इंतज़ार, और कम कीमत के साथ-साथ, एआई से तैयार किए गए अच्छी क्वालिटी के आउटपुट का ऐक्सेस भी मिलेगा. डिवाइस में पहले से मौजूद एआई, डिवाइस पर मौजूद टास्क के लिए, विशेषज्ञ मॉडल और Gemini Nano का इस्तेमाल करता है. Gemini Nano, Google का सबसे बेहतर मॉडल है. Chrome 138 से, Chrome एक्सटेंशन के लिए Summarizer API, Language Detector API, Translator API, और Prompt API, स्टेबल वर्शन में उपलब्ध हैं. इसके अलावा, Writer API और Rewriter API, ऑरिजिन ट्रायल में उपलब्ध हैं.
Chrome Canary में, Proofreader API का नया वर्शन और कई मोड में काम करने वाले Prompt API उपलब्ध हैं.
नई जानकारी के लिए, रिलीज़ होने से पहले ऐप्लिकेशन को आज़माने की सुविधा वाले हमारे कार्यक्रम में शामिल हों. इससे, वेब पर एआई के भविष्य को बेहतर बनाने और पहले से मौजूद एआई एपीआई पर मिलकर काम करने में मदद मिलेगी.
4. क्लाइंट-साइड एआई, Firebase और Gemini Developer API के साथ काम करता है. इससे, हाइब्रिड एआई का समाधान मिलता है
Firebase और Gemini Developer API के साथ हमारे सहयोग का मतलब है कि अब आपके पास मोबाइल और डेस्कटॉप पर, एआई की मदद से काम करने वाले वेब अनुभव बनाने का विकल्प है. ये ऐप्लिकेशन, जब भी संभव हो, क्लाइंट-साइड एआई का इस्तेमाल करते हैं. साथ ही, सभी डिवाइसों और ब्राउज़र तक पहुंचने के लिए, सर्वर-साइड एआई पर आसानी से स्केल करते हैं. आज से, Firebase एआई लॉजिक, Chrome में पहले से मौजूद Prompt API को आसानी से ऐक्सेस करने की सुविधा देता है. यह सुविधा, Gemini Nano के साथ-साथ Gemini डेवलपर API का इस्तेमाल करके, सर्वर साइड पर मौजूद मिलते-जुलते छोटे मॉडल के साथ काम करती है.
5. Chrome DevTools में एआई असिस्टेंस की मदद से, स्टाइल, परफ़ॉर्मेंस वगैरह में डीबग करने के वर्कफ़्लो को बेहतर बनाया जा सकता है
एआई की मदद से, Gemini के साथ चैट करके, एलिमेंट पैनल में स्टाइल से जुड़ी गड़बड़ियों को डीबग किया जा सकता है. साथ ही, परफ़ॉर्मेंस पैनल में परफ़ॉर्मेंस से जुड़ी समस्याओं को हल किया जा सकता है. इसके अलावा, नेटवर्क पैनल में नेटवर्क से जुड़ी समस्याओं की पहचान की जा सकती है और सोर्स पैनल में सोर्स फ़ाइलों का पता लगाया जा सकता है. साथ ही, एआई की मदद से अब स्टाइल से जुड़े बदलाव, सीधे एलिमेंट पैनल में आपके सोर्स कोड में लागू किए जा सकते हैं.
6. Chrome DevTools के परफ़ॉर्मेंस पैनल में, असल उपयोगकर्ता का डेटा, लाइटहाउस की अहम जानकारी, और एआई की सुविधाओं की मदद से, परफ़ॉर्मेंस से जुड़ी समस्याओं को समझा और ठीक किया जा सकता है
परफ़ॉर्मेंस पैनल को फिर से डिज़ाइन किया गया है. इसमें अब लोकल और असल उपयोगकर्ता के लिए, वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी का डेटा ऐक्सेस किया जा सकता है. साथ ही, Gemini से सवाल पूछा जा सकता है, ताकि परफ़ॉर्मेंस से जुड़ी समस्याओं को समझा और ठीक किया जा सके. अहम जानकारी वाले साइडबार की मदद से, Lighthouse की अहम जानकारी को ट्रैस में शामिल किया जा सकता है. इससे, आपको तेज़ी से डीबग करने में मदद मिलती है. इसके लिए, आपको अपने वर्कफ़्लो को छोड़ने या अपनी प्रोडक्टिविटी में रुकावट डालने की ज़रूरत नहीं पड़ती.
7. बेसलाइन सुविधाएं अब आपके पसंदीदा टूल में उपलब्ध हैं: VS Code, ESLint वगैरह
बेसलाइन इंटिग्रेशन की मदद से, अपने वेब डेवलपमेंट वर्कफ़्लो को ज़्यादा सटीक और भरोसेमंद बनाएं. वेब डेवलपमेंट के अपने पसंदीदा टूल में, आपको सभी मुख्य ब्राउज़र पर वेब सुविधाओं की उपलब्धता के बारे में साफ़ तौर पर जानकारी मिलेगी:
- आईडीई: VSCode अब सुविधाओं के आधारभूत स्टेटस को, बिल्ड करते समय दिखाता है. यह सुविधा जल्द ही, JetBrains के WebStorm और VS Code पर आधारित आईडीई में उपलब्ध होगी. इन आईडीई में Firebase Studio, Windsurf, GitHub Codespaces वगैरह शामिल हैं.
- लिंटर: सीएसएस और एचटीएमएल लिंटर, किसी ऐसी सुविधा का इस्तेमाल करने पर आपको पहले से चेतावनी दे सकते हैं जो आपके बेसलाइन टारगेट से नई है. बेसलाइन, सीएसएस के लिए ESLint, एचटीएमएल के लिए ESLint, और Stylelint में काम करता है.
- आंकड़े: RUMvision, बेसलाइन डेटा को रीयल यूज़र मेट्रिक के साथ जोड़ता है. इससे, अपनी ऑडियंस के लिए बेसलाइन का सबसे सही वर्शन चुनने में मदद मिलती है. Google Analytics के उपयोगकर्ता, बेसलाइन के सुझाव पाने के लिए, अपना डेटा Google Analytics बेसलाइन जांचने वाले टूल पर अपलोड कर सकते हैं.
- कंपाइलर: अपने बेसलाइन टारगेट को Babel और PostCSS जैसे कोड कंपाइलेशन टूल में प्लग करने के लिए, browserslist-config-baseline का इस्तेमाल करें. इससे, अपने सोर्स कोड में आधुनिक सुविधाओं का इस्तेमाल किया जा सकता है और उन्हें अपने प्रोडक्शन बिल्ड में कंपाइल किया जा सकता है.
8. वेब प्लैटफ़ॉर्म डैशबोर्ड की मदद से, वेब की सुविधाओं के लिए सहायता की पूरी जानकारी पाना
पिछले साल, हमने वेब प्लैटफ़ॉर्म डैशबोर्ड का एलान किया था. यह वेब-सुविधाओं के डेटा को एक्सप्लोर करने का एक तरीका है. यह पूरे वेब प्लैटफ़ॉर्म को सुविधाओं के सेट के तौर पर मैप करता है. वेब-सुविधाओं के डेटासेट को अब 100% मैप कर लिया गया है. इसलिए, अब पहली बार हर ब्राउज़र पर हर सुविधा का बेसलाइन स्टेटस देखा जा सकता है. इसमें AVIF से लेकर व्यू ट्रांज़िशन तक की सुविधाएं शामिल हैं. साथ ही, इन सुविधाओं की उपलब्धता और उन्हें अपनाने की दर भी देखी जा सकती है. अप-टू-डेट रहें और भरोसे के साथ ऐप्लिकेशन बनाएं!
9. Credential Manager की मदद से, आसानी से साइन इन करने की सुविधा के लिए डेवलपर ट्रायल
हम समझते हैं कि पुष्टि करने के कई तरीकों से, आपकी साइटों के उपयोगकर्ताओं को परेशानी हो सकती है. इन तरीकों में पासवर्ड, पहचान की पुष्टि करने के लिए कई संगठनों के साथ जानकारी शेयर करने की सुविधा, और पासकी शामिल हैं. हमारा मकसद, उपयोगकर्ताओं को एक ही जगह पर आसानी से साइन-इन करने की सुविधा देना है. इसलिए, हम Chrome में Android के क्रेडेंशियल मैनेजर की सुविधा को उपलब्ध करा रहे हैं. जल्द ही, जब उपयोगकर्ता साइन इन करें पर क्लिक करेंगे, तो Chrome उन क्रेडेंशियल को दिखाएगा जो इस साइट के लिए उपलब्ध हैं. जैसे, Google Password Manager से पासकी और पासवर्ड. इससे साइन इन करने में आसानी होगी. हम इस सुविधा में, पहचान की पुष्टि करने के लिए कई संगठनों के साथ मिलकर काम करने की सुविधा भी जोड़ने वाले हैं. वेब के लिए क्रेडेंशियल मैनेजर, अब डेवलपर के लिए ट्रायल के तौर पर उपलब्ध है. इस साल के आखिर में, इस बारे में ज़्यादा अपडेट पाने के लिए बने रहें.
10. सबमिशन की समीक्षा रद्द करने की सुविधा की मदद से, Chrome एक्सटेंशन को तेज़ी से अपडेट करना
Chrome एक्सटेंशन सबमिट करना आसान, बिना किसी परेशानी के, और दिलचस्प होना चाहिए! हालांकि, हमें पता है कि सबमिट किए जाने वाले अनुरोध में मौजूद किसी गड़बड़ी को तुरंत ठीक नहीं किया जा सका. इस साल की शुरुआत में, हमने सबमिट किए जाने वाले अनुरोध को रद्द करने की सुविधा लॉन्च की थी. इस सुविधा की मदद से, पहले पब्लिश किए गए वर्शन को वापस लाया जा सकता है. इन दोनों सुविधाओं का मकसद, आपको बदलाव करने और तुरंत फिर से सबमिट करने की सुविधा देना है.
नई जानकारी पाने के लिए, developer.chrome.com और web.dev पर जाएं. यहां आपको यह जानने में मदद मिलेगी कि हम वेब को कैसे बेहतर और आसान बना रहे हैं. साथ ही, X, YouTube, और LinkedIn पर हमसे कनेक्ट करना न भूलें. अगले I/O में मिलते हैं!
Deloitte का मतलब, यूनाइटेड किंगडम की एक या एक से ज़्यादा Deloitte Touche Tohmatsu Limited, गारंटी वाली निजी कंपनी ("DTTL"), उसके सदस्य फ़र्मों के नेटवर्क, और उनसे जुड़ी इकाइयों से है. DTTL और इसकी हर सदस्य फ़र्म, कानूनी तौर पर अलग-अलग और स्वतंत्र इकाइयां हैं. DTTL (जिसे "Deloitte Global" भी कहा जाता है) क्लाइंट को सेवाएं नहीं देता. अमेरिका में, Deloitte का मतलब DTTL की एक या एक से ज़्यादा सदस्य फ़र्मों से है. साथ ही, यह उनसे जुड़ी उन इकाइयों से भी है जो अमेरिका में "Deloitte" नाम का इस्तेमाल करके काम करती हैं. इनमें, उनके सहयोगी भी शामिल हैं. हो सकता है कि सार्वजनिक लेखांकन के नियमों और विनियमों के तहत, क्लाइंट की पुष्टि करने के लिए कुछ सेवाएं उपलब्ध न हों. सदस्य फ़र्मों के हमारे ग्लोबल नेटवर्क के बारे में ज़्यादा जानने के लिए, कृपया www.deloitte.com/about पर जाएं.